<template>
  <div class="mask" v-if="visible">
    <Login :inDialog="true" @close="handleConfirm" />
  </div>
</template>
<script setup>
import Login from '@common/Login/index.vue'
// import { defineProps } from 'vue'

const emit = defineEmits(['confirm', 'close'])

defineProps({
  visible: {
    type: Boolean,
    default: false
  }
})

const handleConfirm = () => {
  emit('confirm')
  emit('close')
}
</script>
<style lang="scss" scoped>
@use '../styles/dialog.scss' as *;

.btn {
  display: inline-block;
  text-align: center;
  width: 100%;
  height: 42px;
  margin-top: 20px;
  line-height: 42px;
  border-radius: 8px;
  font-size: 16px;
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: #fff;
  cursor: pointer;
}
</style>
